@CHARSET "UTF-8";

#lobby {
    height: 520px;
    display: block;
    color: #784512;
}

div.lobbyTitle {
    height: 50px;
    clear: both;
    overflow: auto;
    text-align: center;
    font-variant: small-caps;
    /*background: #adf223;*/
}

h2#lobbyTitleText {
    line-height: 10px;
    position: relative;
    top: 5px;
}

div#newGameStarted {
    height: 50px;
    width: 50%;
    float: left;
    visibility: hidden;
    /*background: #4567ff;*/
}

div.newGameStartedText {
    width: 80%;
    float: left;
}

p#youStartedANewGame {
    position: relative;
    left: 10px;
}

div#cancelNewGameDiv {
    width: 20%;
    float: left;
}

button.cancelNewGame {
    position: relative;
    left: -15px;
    top: 8px;
    padding: 5px;
}

div#lobbyButtons {
    height: 50px;
    width: 50%;
    float: left;
    /*background: #8765aa;*/
}

button.lobbyButton {
    float: right;
    margin-right: 7px;
    margin-top: 8px;
    padding: 5px;
}

div.openGamesTitle {
    height: 35px;
    width: 50%;
    float: left;
    /*background: #ffea81;*/
}

.openGamesTitle p, .currentGamesTitle p {
    font-weight: bold;
    position: relative;
    left: 22px;
    top: -4px;
    font-variant: small-caps;
}

div.currentGamesTitle {
    height: 35px;
    width: 50%;
    float: left;
    /*background: #8bc6bb;*/
}

div.openGames {
    height: 335px;
    width: 50%;
    float: left;
    /*background: #444455;*/
}

div.openGames form#chooseOpponent {
    padding: 10px;
}

div.openGamesInner, div.currentGamesInner {
    width: 90%;
    margin: auto;
    height: 315px;
    background: #ffffff;
    overflow: auto;
}

div.currentGames {
    height: 335px;
    width: 50%;
    float: left;
    /*background: #118997;*/
}

div#currentGamesPairs {
    padding:10px;
}

#currentGamesPairs p {
    padding: 0;
    margin: 0;
}

div#lobbyLowerArea {
    height: 50px;
    clear: both;
    /*background: #94d48a*/
}

div#lobbyLowerArea button.joinGameButton {
    width: 100px;
    position: relative;
    left: 15px;
    top: 5px;
    padding: 5px;
}

div#lobbyLowerArea button.continueGameButton {
    width: 200px;
    position: relative;
    float: right;
    right: 15px;
    top: 5px;
    padding: 5px;
}